<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="bootstrap/js/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<title>用户注册页面</title>
</head>
<script type="text/javascript">
$(function(){
		//1.添加输入框光标事件
		$("input[name='uname']").blur(function(){
		//1.1获取该文本框的值
		var uname=$(this).val();
		var currentObj=$(this);
			$.ajax({
				//选择提交方式
				type:"post",
				//发送的URL请求
				url:"addvalidataUname",
				//需要发送的数据
				data:{"uname":uname},
				//需要返回的数据类型:text(文本) json数据格式  xml数据格式
				dataType:"text",
				//代表当成功请求，有服务器反馈到success中
				success:function(data){
					//移除span对象
					$("span").remove();
					//创建span元素
					var sp=$("<span>",{
						text:data
					})	
					sp.css({"color":"red","font-size":"10px"})
					currentObj.after(sp);
				}
			});
		
		});
$("#register").click(function(){
  
	});

</script>
<body>

	<div class="container">
		<div class="row">
		
			<div class="col-sm-5 col-sm-offset-2 col-md-5 col-md-offset-4">
				<div style="margin-top: 200px">
				<h2 style="text-align: center;">注册</h2>
					<form class="form-horizontal" action="register" id="regist" method="post">
						<div class="form-group">
							<label for="uname" class="col-sm-3 control-label">用户名</label>
							<div class="col-sm-9">
								<input type="text" class="form-control" id="uname" name="uname"
									placeholder="请输入用户名" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\.\@\,\$\%\&\*\!\~\#\^]/g,'')">
							</div>
						</div>
						<div class="form-group">
							<label for="tpsw" class="col-sm-3 control-label">密码</label>
							<div class="col-sm-9">
								<input type="password" class="form-control" id="upsw"
									name="upsw" placeholder="请输入密码" >
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-offset-3 col-sm-9">
								
								<button type="submit" id="register" class="btn btn-default">注册</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</body>
</html>